@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family:"微软雅黑";
}
.big{
	width: 100%;
	background: #f5f5f5;
	
}
.ding1{
	width: 100%;	
	background: #F2F2F2;
}
.ding{
	width: 1231px;
	height: 38px;
	margin: auto;
	background: #f2f2f2;
		>div:first-of-type{
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		margin-top: 9px;
		margin-left: 30px;
	}
		>div:nth-of-type(2){
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		margin-top: 11px;
		margin-left: 986px;
	}
		>div{
			>a{
			    font-family: sans-serif;
				color: black;
				text-decoration: none;
				&:hover{color: blue;}
			}
		}
}


.dao1{
	width: 100%;	
	background: #FFFFFF;
}
.dao{
	width: 1231px;
	margin: auto;
	background: white;
	height: 65px;
	
	>li{
		font-size: 15px;
		display: inline-block;
		margin-top: 25px;
		text-align: center;
		>a{
		    font-family: sans-serif;
			color: black;
			text-decoration: none;
			
		}
	}
	>li:first-of-type{
		margin-left: 28px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(2){
		margin-left: 31px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(3){
		margin-left: 31px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(4){
		margin-left: 31px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(5){
		margin-left: 31px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(6){
		width: 130px;
		height: 22px;
		margin-left: 93px;
		margin-top: 22px;
		a{
			>img{
				width: 100%;
			}
		}
	}
	>li:nth-of-type(7){
		margin-left: 105px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(8){
		margin-left: 20px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(9){
		margin-left: 23px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(10){
		margin-left: 32px;
		>a{
			&:hover{color: blue;}
		}
	}
	>li:nth-of-type(11){
		margin-left: 30px;
		>a{
			&:hover{color: blue;}
		}
	}
}

/*轮播图*/

.carousel_wrap{
                width: 100%;
                
            }
/*本周热售*/
.bzrs{
	width: 1231px;
	height: 500px;
		>div:first-of-type{
		width: 1171px;
		font-size: 23px;
		font-weight: bolder;
		padding-top:40px ;
		padding-bottom: 33px;
		margin-left: 30px;
	}
}

/*三图*/
.santu1{
	width: 100%;
	background: #f5f5f5;
}
.santu{
	width: 1231px;
	height: 255px;
	margin: auto;
	margin-top: 38px;
	background: #f5f5f5;
	>div:first-of-type{
	width: 378px;
	height: 255px;
	display: inline-block;
	margin-left: 27px;
	&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		img{	
			width: 100%;
			height: 100%;
		}
		
	}
	>div:nth-of-type(2){
		width: 370px;
		height: 255px;
		display: inline-block;
		margin-left:18px;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		img{
			width: 100%;
			height: 100%;
		}
	}
	>div:nth-of-type(3){
		width: 378px;
		height: 255px;
		display: inline-block;
		margin-left: 17px;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		img{width: 100%;
			height: 100%;}
	}
}
.ad{
    position: fixed;
    right: 0;
    top: 280px;
    >a{
      >img{
          border-radius: 5px 0 0 5px;
      }  
    }
}



/*配件*/
.pei1{
	width: 100%;
	background: #F5F5F5;
}
.pei{
	width: 1231px;
	height: 110px;
	margin: auto;
	list-style: none;
	background: #f5f5f5;
	li{
		&:hover::after{
			content: "";
		  display: block;
		  height: 3px;
		  background: blue;
		  margin: 0 auto;
		  margin-top: 7px;
		  }
		>a{text-decoration: none;
			color: black;
			&:hover{color: blue;}
			}
	}
	>li:first-of-type{
		font-size: 26px;
		font-weight: bold;
		display: inline-block;
		margin-top: 26px;
		margin-left: 26px;
	}
	>li:nth-of-type(2){
		font-size: 21px;
		font-weight: bold;
		display: inline-block;
		margin-left: 113px;
		margin-top: 52px;
	}
	>li:nth-of-type(3){
		font-size: 21px;
		font-weight: bold;
		display: inline-block;
		margin-left: 30px;
		margin-top: 52px;
	}
	>li:nth-of-type(4){
		font-size: 21px;
		font-weight: bold;
		display: inline-block;
		margin-left: 30px;
		margin-top: 52px;
	}
	>li:nth-of-type(5){
	font-size: 21px;
	font-weight: bold;
	display: inline-block;
	margin-left: 545px;
	margin-top: 55px;
}
}






/*配件四图*/
.pjst1{
	width: 100%;
	background: #F5F5F5;
}
.pjst{
	width: 1231px;
	height: 382px;
	margin: auto;
	list-style: none;
	background: #f5f5f5;
	>li{
		width: 288px;
		height: 382px;
		background: #FFFFFF;
		display: inline-block;
		vertical-align: top;
	       &:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			>img{width: 211px;
				height: 214px;
				margin-left: 43px;
				margin-top: 24px;}
		}
		>p:first-of-type{
				display: inline-block;
				margin-left: 69px;
				line-height: 33px;
				font-size: 13px;
				font-weight: bold;
				
			}
		>p:nth-of-type(2){
			font-size: 13px;
			color: #cbcbcb;
			display: inline-block;
			text-decoration: line-through;
			margin-left: 10px;
		}
		
	}
	>li:first-of-type{
		margin-left: 26px;
		>p:first-of-type{
			margin-left: 108px;
		}
		>h3{
			margin-top: 22px;
			margin-left: 102px;
		}
		
	}
	>li:nth-of-type(2){
		>h3{
			margin-top: 22px;
			margin-left: 66px;
		}
		
	}
	>li:nth-of-type(3){
			>h3{margin-top: 22px;
				margin-left: 50px;
				text-align: center;
			}
	}
	>li:nth-of-type(4){
		>a{
			>img{
				width: 210px;
				height: 200px;
			}
		}
		>h3{
			margin-top: 40px;
			margin-left: -10px;
			text-align: center;
		}
		>p{
			margin-left: 110px;
		}
	}
	
}
.carousel_wrap2{
                width: 100%;
                margin: auto;
            }
.hdzq1{
	width: 100%;
	background: #F5F5F5;
}
.hdzq{
	width: 1231px;
	margin: auto;
	background: #f5f5f5;
	>div:first-of-type{
		text-align: left;
		font-size: 23px;
		font-weight: bolder;
		padding-top:42px ;
		padding-bottom: 33px;
		margin-left: 26px;
		}
	>div:nth-of-type(2){
		margin-left: 30px;
		>a{
			>img{
				width: 1170px;
				height: 190px;
			}
		}
	}
}
.re1{
	width: 100%;
	background: #F5F5F5;
}
.re{
	width: 1170px;
	height: 60px;
	margin: auto;
	background: #f5f5f5;
	font-size: 26px;
	font-weight: bold;

	
	text-align: left;
	>p{
	    margin-top: 40px;
	    margin-bottom: 30px;
	}
}
.bzrs1{
	width: 100%;
	background: #F5F5F5;
}
.bzrs{
	width: 1231px;
	height: 383px;
	margin: auto;
	list-style: none;
	background: #f5f5f5;
	text-align: center;
	>li:first-of-type{
		width: 288px;
		height: 382px;
		background: #ffffff;
		display: inline-block;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			>img{
				width: 177px;
				height: 200px;
				margin-top: 29px;
				margin-left: 65px;
			}
		}
		>p:first-of-type{
			font-size: 17px;
			font-weight: bold;
			line-height: 22px;
			margin-top: 17px;
			margin-left: 74px;
		}
		>p:last-of-type{
			font-size: 17px;
			font-weight: bold;
			margin-left: 67px;
		}
	}
	li:nth-of-type(2){
		width: 288px;
		height: 382px;
		background: #ffffff;
		display: inline-block;
		vertical-align: top;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			>img{
				width: 193px;
				height: 187px;
				margin-top: 34px;
				margin-left: 12px;
			}
		}
		>p:first-of-type{
			font-size: 17px;
			font-weight: bold;
			line-height: 22px;
			margin-top: 17px;
			margin-left:14px;
		}
		>p:last-of-type{
			font-size: 17px;
			font-weight: bold;
			margin-left: 13px;
		}
	}
	>li:nth-of-type(3){
		width: 288px;
		height: 382px;
		background: #ffffff;
		display: inline-block;
		vertical-align: top;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			>img{
				width: 193px;
				height: 187px;
				margin-top: 29px;
				margin-left: 16px;
			}
		}
		>p:first-of-type{
			font-size: 17px;
			font-weight: bold;
			line-height: 22px;
			margin-top: 17px;
			margin-left: 32px;
		}
		>p:last-of-type{
			font-size: 17px;
			font-weight: bold;
			margin-left: 22px;
		}
	}
	>li:nth-of-type(4){
		width: 288px;
		height: 382px;
		background: #ffffff;
		display: inline-block;
		vertical-align: top;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			>img{
				width: 193px;
				height: 187px;
				margin-top: 29px;
				margin-left: 5px;
			}
		}
		>p:first-of-type{
			font-size: 17px;
			font-weight: bold;
			line-height: 22px;
			margin-top: 17px;
			margin-left: 11px;
		}
		>p:last-of-type{
			font-size: 17px;
			font-weight: bold;
			margin-left: 5px;
		}
	}
}
.tjgm1{
	width: 100%;
	background: #F5F5F5;
}
.tjgm{
	width: 1231px;
	margin: auto;
	>div{
		margin-left: 30px;
		>a{
			>img{
				width: 1171px;
				height: 190px;
			}
		}
	}
}
/*推荐*/
.tui1{
	width: 100%;
	background: #F5F5F5;
}
.tui{
	width: 1170px;
	height: 102px;
	margin: auto;
	background: #f5f5f5;
	text-align: left;
	>li{
		&:hover::after{
			content: "";
		  display: block;
		  height: 3px;
		  background: blue;
		  margin: 0 auto;
		  margin-top: 7px;
		}
		display: inline-block;
		margin-left: 23px;
		padding-top: 42px;
		>a{
			&:hover{color: blue;}
			text-decoration: none;
			color: black;
			font-weight: bold;
			font-size: 22px;
			letter-spacing: -3px;
		
		}
	}
	>li:first-of-type{
		margin-left: 0;
		>a{
			font-size: 24px;
		}
		
	}
	>li:nth-of-type(2){
		margin-left: 61px;
	}
}
.tjst1{
	width: 100%;
	background: #F5F5F5;
}
.tjst{
	width: 1231px;
	height: 433px;
	margin: auto;
	background: #f5f5f5;
	text-align: left;
	>li{
		vertical-align: top;
		display: inline-block;
		width: 283px;
		height: 384px;
		background: white;
		&:hover{
                box-shadow:0 15px 50px rgba(0,0,0,.1);
                transform: translateY(10px);
            }
		>a{
			img{
				width: 207px;
				height: 171px;
				margin-top: 45px;
				margin-left: 45px;
			}
		}
		>h3{
			margin-left: 55px;
		}
		>p{margin-left: 114px;}
	}
	>li:first-of-type{
		margin-left: 30px;
		>h3{
			margin-left: 120px;
		}
		>p{
			margin-left: 116px;
		}
	}
}
/*底部*/
.foot_1{
	width: 100%;
	background: white;
}
.foot1{
	width: 1231px;
	height: 157px;
	margin: auto;
	background: white;
	>ul{
		text-align: left;
		>li:first-of-type{
			margin-left: 30px;
			margin-top: 40px;
			display: inline-block;
			list-style: none;
			>div:first-of-type{
				display: inline-block;
				>img{
					width: 51px;
					height: 51px;
					margin-bottom: 28px;
					margin-right: 38px;
				}
			}
			>div:nth-of-type(2){
				display: inline-block;
				font-size: 15px;
				line-height: 31px;
			}
		}
		>li:nth-of-type(2){
			margin-left: 125px;
			margin-top: 40px;
			display: inline-block;
			list-style: none;
			width: 391px;
			height: 95px;
			border-left:1px solid #e3e6e9;
			border-right:1px solid #e3e6e9;
			>div:first-of-type{
				display: inline-block;
				img{
						width: 51px;
						height: 51px;
						margin-bottom: 28px;
						margin-right: 38px;
						margin-left: 34px;
				}
			}
			>div:nth-of-type(2){
				display: inline-block;
				font-size: 15px;
				line-height: 31px;
			}
		}
		>li:nth-of-type(3){
			margin-left: 33px;
			margin-top: 40px;
			display: inline-block;
			list-style: none;
			>div:first-of-type{
				display: inline-block;
				img{
					width: 51px;
					height: 51px;
					margin-bottom: 28px;
					margin-right: 38px;
				}
			}
			>div:nth-of-type(2){
				display: inline-block;
				font-size: 15px;
				line-height: 31px;
			}
		}
	}
}
.foot_2{
	width: 100%;
	background:#F5F5F5 ;
}
.foot2{
	width: 1231px;
	height: 300px;
	margin: auto;	
	background: #f5f5f5;
	>p{
		font-size: 15px;
		margin-top: 25px;
		margin-left: 30px;
	}
	>ul:first-of-type{
		margin-top: 45px;
		margin-left: 30px;
		width: 274px;
		display: inline-block;
		>li{
			font-size: 15px;
			line-height: 28px;
			list-style: none;
			>a{
				color: black;
				text-decoration: none;
			}
		}
	}
	>ul:nth-of-type(2){
		margin-top: 45px;
		margin-left: 30px;
		width: 274px;
		display: inline-block;
		>li{
			font-size: 15px;
			line-height: 28px;
			list-style: none;
			>a{
				color: black;
				text-decoration: none;
			}	
		}
	}
	>ul:nth-of-type(3){
		margin-top: 45px;
		margin-left: 30px;
		width: 360px;
		display: inline-block;
		>li{
			font-size: 15px;
			line-height: 28px;
			list-style: none;
			>a{
				color: black;
				text-decoration: none;
			}	
		}
	}
}
.foot2_right{
	width: 153px;
	float: right;
	margin-top: 40px;
    margin-right: 64px;
	>p{
		font-size: 16px;
		line-height: 36px;
		letter-spacing: -3px;
	}
	>div:first-of-type{
		>div:first-of-type{
			display: inline-block;
		}
		>div:nth-of-type(2){
			display: inline-block;
		}
		>div:nth-of-type(3){
			display: inline-block;
		}
	}
	>div:nth-of-type(2){
		margin-top: 19px;
	}
}
.foot_3{
    width: 100%;
    background: #525252;
}
.foot3{
	width: 1231px;
	height: 135px;
	margin: auto;
	background: #525252;
	>ul:first-of-type{
		display: inline-block;
		>li{
			font-size:15px ;
			list-style: none;
			font-weight: bold;
			>a{
				text-decoration: none;
				color: #d9d9d9;
			}
		}
		>li:first-of-type{
			display: inline-block;
			margin-top: 28px;
			margin-left: 30px;
			margin-right: 14px;
		}
		>li:nth-of-type(2){
			display: inline-block;
			margin-right: 14px;
		}
		>li:nth-of-type(3){
			display: inline-block;
		}
		>li:nth-of-type(4){
			font-size:12px;
			color: #d9d9d9;
			margin-top: 28px;
			margin-left: 29px;
		}
	}
	>ul:nth-of-type(2){
		text-align: left;
		display: inline-block;
		margin-left: 285px;
		>li{
			font-size: 12px;
			font-weight: bold;
			color: #d9d9d9;
			list-style: none;
		}
		>li:first-of-type{
			margin-top: 32px;
		}
		>li:nth-of-type(3){
		    >a{
		        color: #D9D9D9;
		        text-decoration: none;
		    }
			display: inline-block;
			margin-top: 20px;
		}
		>li:nth-of-type(4){
			display: inline-block;
			>img{
				width: 90px;
				height: 22px;
				vertical-align: middle;
			}
		}
		>li:nth-of-type(5){
			display: inline-block;
			vertical-align: middle;
		}
		>li:nth-of-type(6){
		     >a{
                color: #D9D9D9;
                text-decoration: none;
            }
			display: inline-block;
		}
	}
}
